<template>
	<!-- <view class="expert-instructions">
		<web-view :src="path"></web-view>
	</view> -->
	<view class="sign-in">
		<!-- <titlebar v-if="from=='myPoints'" mode="" :back="true" text="积分说明" fontSize="36" ></titlebar> -->
		<view>
			<view class="rule-title">积分介绍</view>
			<view class="rule-content" v-text="msg1" style="white-space:pre-wrap;"></view>
			
			<view class="rule-title" style="padding-top:76rpx ;">积分获取</view>
			<view class="rule-content" v-text="msg2" style="white-space:pre-wrap;"></view>
			
			<view class="rule-title" style="padding-top:76rpx ;">积分用途</view>
			<view class="rule-content" v-text="msg3" style="white-space:pre-wrap;"></view>
			
			<view class="rule-title" style="padding-top:76rpx ;">积分类型</view>
			<view class="rule-content" v-text="msg4" style="white-space:pre-wrap;"></view>
			
			<view class="rule-title" style="padding-top:76rpx ;">积分有效期</view>
			<view class="rule-content" v-text="msg5" style="white-space:pre-wrap;"></view>
			
			<view class="rule-title" style="padding-top:76rpx ;padding-bottom: 20rpx;">本app积分相关规则最终解释权规派方机车所有。</view>
		</view>
		
	</view>
</template>

<script>
	const app = getApp();
	const network = require("@manager/network-manager.js")
	import calendar from '@components/r-calendar/r-calendar.vue'
	const dialog = require("../../../utils/dialog.js")
	import titlebara from '@/components/titlebar/titlebar'
	export default {
		components: {
			calendar,
			titlebara
	
		},
		data() {
			return {
				value: true,
				windowHeight: 0,
				// navigationBarHeight: app.globalData.statusBarHeight + 44 + 'px',
				navigationBarHeight:app.globalData.navigationBarHeight,
				selected: [],
				checkinDay: 0,
				from:'',
				msg1:'用户下载、注册派方机车app，即成为派方机车会员；积分是基于用户使用派方机车app产生，积分可在app商城兑换礼品。',
				msg2:'会员使用app即可获得对应积分；如签到、发动态/文章、试驾、骑行、购车、参与活动等。',
				msg3:'可在派方机车app【我的】-【我的积分】页面查看使用。\n积分可在app商城兑换/换购礼品，但不能兑换现金。积分一经兑换使用，则扣除相应的积分。',
				msg4:'试驾积分\n1.首次试驾得200积分（试驾单状态：已完成）\n2.老用户邀请新用户完成首次试驾得100积分（老用户：成功交车用户；新用户：成功注册，未购车且未试驾用户）；试驾订单状态：已完成\n\n购车积分\n1.每次用户完成交车后获得1000积分（整车订单且订单状态：待评价）\n2.老用户邀请购车成交获得1000积分（老用户：整车订单且订单状态：待评价/已完成；邀请购车成交：整车订单状态达到【待评价】状态）\n\n日常积分\n1.每日签到得1积分；连续签到30日以上则每次得5积分；若断签后，则回到第一天重新记录\n2.每日首次发帖（发动态/发文章）得1积分\n3.每日首次被推荐（动态/文章）得10积分\n4.（发动态/发文章）被加精得50积分\n\n骑行积分\n骑行首次达到500km得10积分、1000km得20积分、2000km得50积分、5000km得100积分、10000km得300积分、20000km得500积分，50000km得1000积分',
				msg5:'购车积分、本人试驾积分、邀请购车积分获得为永久积分，不清零。\n其他种类积分，有效期为领取之日起365日内，未在有效期内使用的积分将在到期日自动清零，仍在有效期内的积分不受影响。\n若积分使用后又退还（购买商品退货/取消订单），该积分将自动退回。\n若退回积分已过期，过期积分自动失效，无法再次使用。'
			};
		},
		onLoad(options) {
			this.from=options.from
			
			// if (options.from == 'myPoints') {
			// 	uni.setNavigationBarTitle({
			// 		title: '积分说明'
			// 	})
			// 	debugger
			// 	this.path = app.globalData.config.HTML_ROOT  + app.globalData.config.interfaces.URL_APP_INTERALRULE
			// 	// this.url = 'http://192.168.215.18:8000/app/integralRule.html'
			// } else if (options.from == 'storeBillList') {
			// 	uni.setNavigationBarTitle({
			// 		title: '发票说明'
			// 	})
			// 	this.path = app.globalData.config.HTML_ROOT  + app.globalData.config.interfaces.URL_APP_IVNVOICEDESCRIPTION
			// 	// this.url = 'http://192.168.215.18:8000/app/InvoiceDescription.html'
			// }

		},
		mounted() {},
		methods: {

		}
	}
</script>

<style>
	page {
		background: url('@appstatic/img/my/bg-img.jpg') no-repeat center center fixed;
		background-size: cover;
		box-sizing: border-box;
	}
</style>
<style lang='scss' scoped>
	.sign-in {
		width: 100vw;
		min-height: 100vh;
		box-sizing: border-box;
		/* background: #EDEDED url(@appstatic/img/my/bg-img.jpg) no-repeat;
		background-position: 0 0;
		background-size: 100%;
		background-attachment: fixed; */

		image {
			image-rendering: -moz-crisp-edges;
			image-rendering: -o-crisp-edges;
			image-rendering: -webkit-optimize-contrast;
			image-rendering: crisp-edges;
			-ms-interpolation-mode: nearest-neighbor;
		}

		.top-box {
			width: 750rpx;
			max-height: 750rpx;
			overflow: hidden;
			position: relative;

			.top-bg {
				display: block;
				width: 100%;
			}

			.btn-img {
				width: 178rpx;
				z-index: 99;
				position: absolute;
				top: 470rpx;
				left: 60rpx;
			}

			.text-box {
				z-index: 99;
				position: absolute;
				top: 200rpx;
				left: 60rpx;
				color: #fff;
				display: flex;
				align-items: baseline;

				.num {
					font-weight: 700;
					font-size: 40rpx;
					line-height: 46rpx;
				}

				.text {
					font-size: 28rpx;
					line-height: 40rpx;
				}
			}

			.text-box-small {
				z-index: 99;
				position: absolute;
				top: 250rpx;
				left: 60rpx;
				color: #fff;
				display: flex;
				align-items: baseline;

				.num {
					font-weight: 700;
					font-size: 24rpx;
					line-height: 40rpx;
				}

				.text {
					font-weight: 500;
					font-size: 24rpx;
					line-height: 40rpx;
				}
			}
		}
		.rule-title {
			font-weight: 700;
			font-size: 36rpx;
			line-height: 56rpx;
			padding:20rpx 20rpx 0rpx 20rpx;
		}
		.rule-content {
			font-weight: 500;
			font-size: 36rpx;
			line-height: 56rpx;
			padding:20rpx 20rpx 0rpx 20rpx;
			
		}

		.calendar-box {
			margin-top: 10rpx;

			/deep/.uni-calendar__content {
				background-color: rgba(0, 0, 0, 0);
			}

			/deep/.uni-calendar__backtoday {
				display: none;
			}

			/deep/.uni-calendar__header {
				border: none;
			}

			/deep/.uni-calendar__header-btn {
				border: none;
				background: #3D3A3A;
				transform: matrix(0, -1, -1, 0, 0, 0);
			}
		}
	}
</style>
